<template>
	<div class="btn-primary" @click="clickEvent">
		<i class="fa-search"></i> {{text}}
	</div>

</template>

<script>
	export default {
		props: {
			text: {
				type: String,
				default: "搜索"
			},
			clickEvent: {
				type: Function,
				default: () => {}
			}
		},
		data() {
			return {

			}
		},
		components: {

		},
		created() {
			// console.log(this.$store);
		},
		mounted() {

		}
	}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
	.btn-primary {
		background-color: #3876af;
		border-color: #306ca4;
		color: #fff;
		width: 70px;
		height: 28px;
		border-radius: 3px;
        cursor: pointer;
        line-height: 28px;
        display: inline-block;
	}
	
	.fa-search:before {
		font: normal normal normal 14px/1 FontAwesome;
		content: "\f002";
	}
</style>